<!DOCTYPE html>
<html xmlns:th="www.thymeleaf.org">
<head th:replace="header::head"></head>
<title>我的资料 - 个人中心 - 双辞动漫-专注二次元动漫的小站</title>
<meta name="keywords" content="我的资料 - 个人中心">
<meta name="description" content="我的资料 - 个人中心">
<script type="text/javascript" src="/template/conch/asset/js/set/formValidator.js"></script>
<script type="text/javascript" src="/static/js/jquery.imageupload.js"></script>
<script type="text/javascript">
    var maccms = {"path": "", "mid": "6", "url": "www.scdmfun.cn", "wapurl": "www.cdmfun.cn", "mob_status": "0"};
    var conchtpl = {
        "surl": "/search.html",
        "tipt": "网站公告",
        "tipc": "这里是双辞动漫新站<br><span class='hl-text-conch'>注意事项：</span>1.老站新老站账号不通用<br>老站网址：<span class='hl-text-conch'>dm.scdmfun.cn</span><br>2.如果登录后还是提示未登录请稍等一会再刷新即可<br>动漫闲聊群：<span class='hl-text-conch'>542266218</span>",
        "slink": "https://www.scdmfun.cn/",
        "short": "",
        "api": "0",
        "tok": "",
        "term": "long-term",
        "ver": "3.1"
    }
</script>
<body id="conch-member">
<!--海螺影视主题  https://www.360mb.net/23977.html-->
<div th:replace="header::.conch-header"></div>
<div class="conch-header">
    <div class="conch-headwrap conch-hasone conch-hasconch hl-hide-sm">
        <div class="hl-mob-nav">
            <a href="javascript:MAC.GoBack()" class="hl-pull-left left"><i class="iconfont hl-icon-jiantouzuo"></i></a>
            <a href="/index.php/user/info.html" class="hl-pull-right right"><i class="iconfont hl-icon-bianji"></i></a>
            <span class="hl-mob-title hl-text-site hl-lc-1">基本资料</span>
        </div>
    </div>
</div>
<div class="conch-content conch-member" id="ajax_info">
    <div class="conch-ctwrap">
        <div class="hl-ctwrap-item">
            <div class="container">
                <div class="hl-row-box clearfix">
                    <div class="row">
                        <div id="left" class="hl-left-menus hl-col-xs-12 hl-col-sm-30w hl-col-lg-3 hl-hidden-xs">
                            <div class="hl-cont-left">
                                <div class="hl-user-head">
                                    <div class="hl-user-avt">
                                        <img class="face" :src="messsage.uimage==null?'/upload/user/4/884.jpg':messsage.uimage" alt="会员头像">
                                        <input id="file" mime="image/*" style="width: 106px;height: 67px;opacity: 0;position: absolute;left: -20px;top: 0px;" type="file" @change="handleFile">
                                    </div>
                                    <div class="hl-user-name">
                                        <a href="info.html"
                                           :title="messsage.nickname==null?messsage.ucount:messsage.nickname">
                                            <span class="hl-text-site main"><em class="hl-lc-1">{{messsage.nickname==null?messsage.ucount:messsage.nickname}}</em></span>
                                            <i class="iconfont hl-icon-jiantouyou"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="hl-user-info">
                                    <div class="hl-info-wrap">
                                        <p class="hl-text-conch hl-lc-1 points">{{messsage.uscore}}</p>
                                        <p class="hl-text-muted text">我的积分</p>
                                    </div>
                                    <div class="hl-info-wrap">
                                        <a href="/index.php/user/popedom.html">
                                            <p class="member">{{messsage.ugroup}}</p>
                                            <p class="hl-text-muted hl-lc-1 text">{{messsage.deadline}}</p>
                                        </a>
                                    </div>
                                </div>
                                <div class="hl-user-set">
                                    <ul>
                                        <li>
                                            <a href="javascript:void(0)" class="hl-tui-btn">
                                                <span><i class="iconfont hl-icon-lihe a"></i>推荐有礼</span><i
                                                    class="iconfont hl-icon-jiantouyou hl-pull-right "></i><em
                                                    class="hl-pull-right hl-text-muted tip">推荐好友赚现金</em>
                                            </a>
                                            <div class="hl-tui-wrap hl-cont-list" style="display:none;">
                                                <p class="hl-text-muted tip">抱歉！活动暂未开放</p>
                                            </div>
                                        </li>
                                        <li><a href="/index.php/user/reward.html"><span><i
                                                class="iconfont hl-icon-fenxiang2 a"></i>推荐记录</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                    </ul>
                                    <ul>
                                        <!--li><a href="/index.php/user/ajax_info.html"><span><i class="iconfont hl-icon-huiyuan b"></i>我的资料</span><i class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/index.php/user/info.html"><span><i class="iconfont hl-icon-bianji b"></i>修改资料</span><i class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li-->
                                        <li><a href="/favs.html"><span><i
                                                class="iconfont hl-icon-shoucang c"></i>我的收藏</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/plays.html"><span><i
                                                class="iconfont hl-icon-shijian c"></i>观看记录</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/downs.html"><span><i
                                                class="iconfont hl-icon-xiazai c"></i>下载记录</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/index.php/user/upgrade.html"><span><i
                                                class="iconfont hl-icon-vip d"></i>升级会员</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/index.php/user/buy.html"><span><i
                                                class="iconfont hl-icon-chongzhi e"></i>充值中心</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/index.php/user/orders.html"><span><i
                                                class="iconfont hl-icon-chongzhijilu e"></i>充值记录</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/index.php/user/cash.html"><span><i
                                                class="iconfont hl-icon-tixian e"></i>我要提现</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                        <li><a href="/index.php/user/plog.html"><span><i
                                                class="iconfont hl-icon-jifen b"></i>积分记录</span><i
                                                class="iconfont hl-icon-jiantouyou hl-pull-right"></i></a></li>
                                    </ul>
                                    <ul class="hl-logout-ul hl-hide-sm">
                                        <li class="hl-logout-item"><a href="/index.php/user/logout.html">退出账号</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div id="right" class="hl-right-content hl-col-xs-12 hl-col-sm-70w hl-col-lg-9">
                            <div class="hl-cont-right">
                                <div class="hl-rb-head hl-hidden-xs clearfix">
                                    <h2 class="hl-rb-title">我的资料</h2>
                                </div>
                                <div class="hl-cont-tab">
                                    <div class="hl-rb-head hl-head-page clearfix" id="info_common">
                                        <div class="hl-rb-title hl-site-tabs hl-site-tits hl-text-site">
                                            <!--                                            <a class="active" href="javascript:void(0)">基本资料</a>-->
                                            <a href="ajax_info" th:classappend="${#strings.contains(#httpServletRequest.requestURL,'ajax_info')} ? 'active':''">基本信息</a>
                                            <a href="info.html" th:classappend="${#strings.contains(#httpServletRequest.requestURL,'info.html')} ? 'active':''">修改信息</a>
                                            <a href="popedom.html" th:classappend="${#strings.contains(#httpServletRequest.requestURL,'popedom')} ? 'active':''">我的权限</a>
                                        </div>
                                    </div>
                                    <div class="hl-cont-list">
                                        <!-- 基本资料 -->
                                        <div class="hl-list-wrap">
                                            <p><span>账号</span>{{messsage.ucount}}</p>
                                            <p><span>昵称</span>{{messsage.nickname}}</p>
                                            <p><span>所属会员组</span>{{messsage.ugroup}}</p>
                                            <p><span>账户积分</span>{{messsage.uscore}}</p>
                                            <p><span>会员期限</span>{{messsage.deadline}}</p>
                                            <p><span>QQ号码</span>{{messsage.qq}}</p>
                                            <p><span>Email地址</span>{{messsage.email}}</p>
                                            <p><span>注册时间</span>{{messsage.registerdate}}</p>
                                            <p><span>上次登录</span><font color="#FF0000">{{messsage.lastlogineddate}}</font></p>
                                            <p><span>登录次数</span>{{messsage.loginednum}}</p>
                                            <p><span>登陆时间</span>{{messsage.curlogindate}}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--海螺影视主题  https://www.360mb.net/23977.html-->
<div id="conch-footer" class="conch-footer">
    <div class="conch-footwrap  hl-footnav-show">
        <div class="container">
            <div class="hl-footwrap-item">
                <div class="hl-foot-extra">
                    <ul class="hl-fe-list clearfix">
                        <li class="hl-color-item">
                            <a id="white" href="javascript:void(0)"><i
                                    class="iconfont hl-icon-taiyang"></i><span>浅色模式</span></a></li>
                        <li class="hl-gbook-item">
                            <a href="/gbook.html"><i class="iconfont hl-icon-liuyan"></i><span>留言反馈</span></a>
                        </li>
                        <li class="hl-back-item">
                            <a class="hl-back-top" href="javascript:scroll(0,0)"><i
                                    class="iconfont hl-icon-jiantoushang"></i><span>返回顶部</span></a>
                        </li>
                    </ul>
                </div>
                <div class="row">
                    <div class="hl-col-xs-12 hl-user-footer">
                        <div class="hl-foot-copy hl-text-muted">
                            <p>&copy;&nbsp;2022&nbsp;www.scdmfun.cn&nbsp;All rights reservd.</p>
                        </div>
                    </div>
                </div>
                <div class="hl-foot-nav hl-bg-site hl-hide-sm">
                    <ul class="hl-fn-list">
                        <li class="hl-fn-item">
                            <a href="/">
                                <i class="iconfont hl-icon-shouye"></i> <span class="hl-fn-font">首页</span>
                            </a>
                        </li>
                        <li class="hl-fn-item">
                            <a href="/type/1.html">
                                <i class="iconfont hl-icon-dianying"></i> <span class="hl-fn-font">新旧番剧</span>
                            </a>
                        </li>
                        <li class="hl-fn-item">
                            <a href="/label/rank.html">
                                <i class="iconfont hl-icon-paihang"></i> <span class="hl-fn-font">排行</span>
                            </a>
                        </li>
                        <li class="hl-fn-item">
                            <a class="hl-text-conch active" href="/user/index.html">
                                <i class="iconfont hl-icon-huiyuan-fill"></i> <span class="hl-fn-font">我的</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hl-footwrap-item">
                <div style="display: none;" class="mac_timming" data-file=""></div>
            </div>
        </div>
    </div>
</div>
<script src="js/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.26.0/axios.min.js"></script>
<script type="text/javascript">
    new Vue({
        el: "#ajax_info",
        data() {
            return {
                messsage: {
                    ucount: '',  //账号
                    uid: '',    //用户id
                    nickname: '',  //昵称
                    uscore: '',   //积分
                    password: '',  //密码
                    uimage:'',    //用户头像
                    email: '',    //邮箱
                    qq: '',       //QQ
                    registerdate: '',  //注册时间
                    lastlogineddate: '',  //最后登录时间
                    curlogindate: '',    //当前登录时间
                    ugroup: '',         //会员类型
                    deadline: '',       //会员期限
                    loginednum: ''      //登录次数
                },
            }
        },
        computed: {},
        mounted() {
            window.selectuser = this.selectuser();
        },
        methods: {
            selectuser() {
                let url = "user/selectuser";
                axios.post(url).then(res => {
                    var data = res.data;
                    if (data.code == 1) {
                        this.messsage = data.data;
                    }
                })
            },
            handleFile(){
                let files = document.getElementById('file').files;
                if(!files){
                    return;
                }
                this.file=files[0];
                this.uploadFile();
            },
            uploadFile(){
                let formData = new FormData();
                formData.append("file",this.file);
                formData.append("uid",this.messsage.uid);
                axios({
                    url:'/uploadFile',
                    method:'post',
                    data:formData
                }).then(res=>{
                    if(res.data.code > 0 ){
                        this.selectuser();
                        login.$data.user={};
                    }
                })
            }
        }
    });
</script>
<!--<script type="text/javascript">-->
<!--    $(".face").imageUpload({-->
<!--        formAction: "/uploadFile",-->
<!--        inputFileName: 'file',-->
<!--        browseButtonValue: '<i class="iconfont hl-icon-xie"></i>',-->
<!--        browseButtonClass: 'hl-face-upload',-->
<!--        automaticUpload: true,-->
<!--        hideDeleteButton: true,-->
<!--        hover: true-->
<!--    });-->
<!--    $(".face").on("imageUpload.uploadFailed", function (ev, err) {-->
<!--        alert(err);-->
<!--    });-->
<!--</script>-->
<style type="text/css">
    /*input[type="file"]{*/
    /*    box-sizing: border-box;*/
    /*    text-align:center;*/
    /*    font-size:1.4em;*/
    /*    height:2.7em;*/
    /*    border-radius:4px;*/
    /*    border:1px solid #c8cccf;*/
    /*    color:#6a6f77;*/
    /*    -web-kit-appearance:none;*/
    /*    -moz-appearance: none;*/
    /*    display:block;*/
    /*    outline:0;*/
    /*    padding:0 1em;*/
    /*    text-decoration:none;*/
    /*    width:100%;*/
    /*}*/
    .face{

    }
    .face a:hover{
    }
</style>
<script type="text/javascript">
    $(".hl-tui-btn").click(function () {
        $(".hl-tui-wrap").slideToggle("slow");
    });
</script>
<script>Conch.Search.Suggest(".hl-search-wd", 1);</script>
<script>Conch.Alert.Notice();</script>
</body>
</html>